/* COMUNES */

body, * { margin:0; padding: 0; font-size:100%; font-family:Tahoma; }
body { overflow-y: scroll; background:#FFFFFF;}


p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px 0; }

.flota { float:left}
.flota_der { float:right; text-align:right}
.limpia { clear:both}
.ancho { width:900px; margin: 0 auto;}
.puntitos { background:url(../images/puntitos.gif); height:1px;}
.centrar { text-align:center;}

 .lista_link a:link , .lista_link a:visited { color:#000000; }
 .lista_link a:hover { color:#304bd4}
 
.edit_own > a:link, .edit_own > a:visited { background:#0033CC url(../images/fondo_boton.jpg) center center no-repeat; padding:4px 9px; color:#FFFFFF; font-size:12px; font-weight:bold; border:0; cursor: pointer; outline: none; margin: 20px 10px 0 0; text-decoration: none; float:right;  }
.edit_own > a:hover { text-decoration: underline}
.edit_own { margin:0 -8px 15px 0}


/* CABECERA */
.pre-head { height:15px;  border:#CCCCCC 1px solid; border-top: none; border-bottom: none; background:#f2f2f2}
#Div1 { background:#304bd4;  z-index:1;
width: 100%;position: fixed;left: 50%;margin: 0 0 0 -50%;

}
.fondo-cab {background: url(../images/fondo_cabecera.png) no-repeat; padding: 15px 0 14px 0; position:relative; height:71px}
#logo_icon {background: url(../images/etpod_dissemination_logo.png) no-repeat; width:369px; height:71px}

#user { height: 70px; width:400px; background: url(../images/fondo_usr.png) center center no-repeat; float: right; margin-right:15px;}
#user .user { color:#FFFFFF; font-size:14px; margin:0px 10px 0 51px; line-height:16px; width:320px;}
#user_icon { width:31px; height:48px; background:url(../images/ico_user.png) no-repeat; margin:10px 15px 0 10px;}
#user_icon_reporter { width:31px; height:48px; background:url(../images/ico_reporter.png) no-repeat; margin:10px 15px 0 10px;}
#user .logoff { width:210px; padding-top:5px; font-size:10px; }
.logoff a:link , .logoff a:visited  { color:#FFFFFF; text-decoration:none}
.logoff a:hover { text-decoration: underline;}


/* FOOTER */
#footer {background:#304bd4 url(../images/fondo_cabecera.png) center center no-repeat; text-align: center; color:#FFFFFF; font-size:11px; padding: 5px 0; margin:1px auto }
#footer a:link , #footer a:visited { color:#FFFFFF; text-decoration: none}
#footer a:hover { text-decoration: underline}

/* FOOTER LOGIN */
#logos_foot { width:900px; margin: 15px auto; text-align:center;}
#logos_foot > .tpm { padding-right:20px; margin-right:20px; }
#logos_foot > .ub { border-left:1px dotted #444444; padding-left:40px; position:relative; top:-5px; height:auto; width:170px; }


/* CONTENIDO */
#content {border:#CCCCCC 1px solid; border-top: none;  margin: 0 auto 15px auto; background:#f2f2f2 url(../images/fondo.png) center repeat-x ; padding:0 45px 20px 45px; width:810px; position:relative;}
p#breadcrumb { margin: 0 -45px; background:#FFFFFF; padding: 4px 45px; font-size:12px; color: #333333}
h1 { font-size:22px; color:#304bd4; margin-bottom:20px; margin-top:0;padding-top:110px;}
ul { list-style: none; font-size:12px; margin-bottom:20px;}
.elements-list li { margin: 5px 0 0 0; background:url(../images/puntitos.gif) bottom repeat-x; padding:8px 0 25px 0; }
.elements-list li.first {  font-size:15px; font-weight: bold; padding-bottom:25px;}
.elements-list li > .cell350 { width:350px; }
.elements-list li > .cell310 { width:310px; }
.elements-list li > .cell300 { width:300px; }
.elements-list li > .cell450 { width:450px; overflow: hidden; height:16px; }
.elements-list li > .cell200 { width:200px;}
.elements-list li > .cell150 { width:150px;}
.elements-list li > .cell110 { width:110px; position: relative; height: 5px; }
.elements-list li > .cell100 { width:100px;}
.elements-list li > .cell110 img { position: absolute; top: -6px; right:15px;}
.elements-list li > .acciones { width:150px;}
.ancho_33percent { width:33%;}

.elements-list a.mailto:link , .elements-list a.mailto:visited  { color: #003366; text-decoration: none}
.elements-list a.mailto:hover { text-decoration:underline;}


#contenido { margin:0 0 0 27%; }

.crear { background:#0033CC url(../images/fondo_boton.jpg) center center no-repeat; padding:4px 9px; color:#FFFFFF; font-size:12px; font-weight:bold; border:0; cursor: pointer; outline: none; margin: 15px 5px 0 0; text-decoration: none; display:block; /*min-width:55px;*/}
.crear:hover { text-decoration: underline}

.lista_vacia { font-size:12px; margin-bottom:20px;}



/* ENLACES Y NAVEGACIÓN */
.enlaces , .navigation { width:auto}
.enlaces a , .navigation a { background:#0033CC url(../images/fondo_boton.jpg) center center no-repeat; padding:4px 9px; color:#FFFFFF; font-size:12px; font-weight:bold; border:0; cursor: pointer; outline: none; margin: 15px 5px 0 0; text-decoration: none; /*min-width:55px;*/}
.enlaces a:hover , .navigation a:hover { text-decoration: underline}

.navigation { background:#eeeeee; padding:14px 12px 1px 12px;}
.navigation p { margin-bottom:14px; font-size:12px; margin-right:10px;}
.navigation p span { display:block; margin-right:10px; }
.navigation a {margin: 15px 0 0 0; font-size:11px;}

.flota_der a { margin: 0px 0 0 5px;}

/* ENCUESTA */
form { font-size:12px;}
form label { display:block; margin:5px 0; margin-right:10px; width:235px; float:left; } 
form input { display:block; margin:5px 0; border:none; width:50px; text-align:center; }

form .marg_der_100 { width:100px; }
form .marg_der_130 { width:130px; }
form .marg_der_230 { width:230px; }
form .marg_der_500 { width:500px; }

form p { float:left; margin:10px 0 0 0; width:220px;}
form p + .flota input { margin-right:0px; margin-left:5px; width: 20px; float:left}
form p + .flota label { width:20px;}

form .alin_der input { text-align:right; float:left}
form .alin_der .thousands { float:left; width:100px; margin:5px 0 0 2px;}

form .largo { width: 100%;}
form .largo label { width: auto; display:inline}
form .largo > input { float:left;}
form .largo .which { clear:left;}
form .largo .which p { width:501px; text-align: right; padding-right: 10px;}
form .largo .which input { margin: 10px 20px 3px 5px; float:left ; width:30px}
form .largo .which label { margin: 10px 0px 0 0; width:auto;  }

form .cancel { background:#0033CC url(../images/fondo_boton.jpg) center center no-repeat; padding:4px 9px; color:#FFFFFF; font-size:12px; font-weight:bold; border:0; cursor: pointer; outline: none; margin: 15px 5px 0 0; text-decoration: none; display: block; float:left}
form .cancel:hover { text-decoration: underline}

/* DAVID */
fieldset { border:0; padding-bottom:30px;}
fieldset legend {display:block; width:800px; padding:3px 5px; font-size:15px; font-weight: bold; background:url(../images/fondo_legends.jpg) bottom no-repeat; margin-bottom:10px;}


/* LogIn.aspx */ 
h1.logeando { }
fieldset.login-box { width:300px; margin: 20px auto 0 auto; padding-bottom:10px; border-bottom:#666666 1px dotted; }
fieldset.login-box legend { width:300px;}
label[for="UserName"] , label[for="Password"]  {width:100px; text-align: right; margin-bottom:0; margin-top:10px; }
label[for="UserName"] + div > input , label[for="Password"]  + div > input { width:140px; text-align:left; padding:1px 2px; margin:10px 0 0px 0; }
label[for="UserName"] + div { margin:0}
.boton-login { margin-left:110px; width:80px; margin-bottom:10px;}
.check {margin-left:110px; }
.check > input { width: auto; margin-right:5px; }

/* PROGRAMAS editar*/
#prog_edit { padding-bottom:0}
#prog_edit label { width:100px;}
#prog_edit input[type="text"] { width:500px; padding: 2px 2px; text-align:left}
#prog_edit input[type="checkbox"] { width: 20px;}
#prog_edit .enlaces { margin-top:5px}
#prog_edit a { float:left; margin-top:20px;}

/* PROGRAMAS borrar */
#prog_delete { padding-bottom:0}
#prog_delete .display-field { margin: 10px 0 0 0; color:#304bd4 }
#prog_delete p { width:auto}
#prog_delete a:link, #prog_delete a:visited { background:#0033CC url(../images/fondo_boton.jpg) center center no-repeat; padding:4px 9px; color:#FFFFFF; font-size:12px; font-weight:bold; border:0; cursor: pointer; outline: none; margin: 20px 10px 0 0; text-decoration: none; float:left;  }
#prog_delete a:hover  { text-decoration: underline}



/* SURVEY  list */
.survey_list {background:url(../images/puntitos.gif) top repeat-x; padding-top:0px}
.survey_list li:first-child  { padding-top:12px;}

/* SURVEY activate */
#survey_active { padding-bottom:0}
#survey_active label { width:100px; padding-top:2px}
#survey_active select { padding: 1px 0 1px 2px; border: none; margin-right:5px; outline: none; width:55px;}
#survey_active input[type="text"] { width:200px; padding: 2px 2px; text-align:left}
#survey_active .enlaces { margin-top:5px}
#survey_active a { float:left; margin-top:20px;}

/* SURVEY activity report */
#survey_activity .cell110 { width:100px;}
#survey_activity .cell110 > span { font-size:10px; font-weight:normal; display:block; }
#survey_activity .num_survey { position: relative; bottom:10px;}

#survey_activity .result { text-align: center; }
#survey_activity .result > span { height:35px; width:27px; display:inline-block; background:url(../images/ico-no-ok.png) 0 0px no-repeat; margin-top:-8px;}
#survey_activity .result > span.ok { background:url(../images/ico-ok.png) 0 0px no-repeat;}

/* SURVEY FILL IN */
.explanation { font-size:.81em; margin-bottom:25px; margin-top:-15px;}
#survey_gi label , #survey_icu label , #survey_dac label  { position: relative}
#survey_gi label > img , #survey_icu label > img , #survey_dac label > img { position:absolute; margin-left:8px; bottom:1px; cursor:pointer;}
#survey_gi #SurveyResultsPopulation {width:100px; margin-left: -50px;}

/* EOD activity report 

#eod_activity { float: left;}
#eod_activity.primera { width: 200px; }
#eod_activity .cell150 { width: 190px; overflow: hidden;}

#eod_activity .cell110 { width:150px; background:url(../images/puntitos_v.gif) left repeat-y; display:block; height:30px; margin-top:-9px; }
#eod_activity .cell110 > span { font-size:10px; font-weight:normal; margin: 0 5px; position: relative; bottom:5px; }
#eod_activity .num_eod { position: relative; bottom:10px; display:block; height: 30px; margin:0 }
#eod_activity .result { text-align:left; }
#eod_activity .result > span.ok { background:url(../images/ico-ok.png) 0 6px no-repeat;}
#eod_activity .result > span { height:35px; width:27px; display:inline-block; background:url(../images/ico-no-ok.png) 0 6px no-repeat; margin-right:15px;}




#eod_activity_valores {  float:left; width:400px; overflow-y: auto;}
#eod_activity_valores .cell110 { width:150px; background:url(../images/puntitos_v.gif) left repeat-y; display:block; height:30px; margin-top:-9px; }
#eod_activity_valores .cell110 > span { font-size:10px; font-weight:normal; margin: 0 5px; position: relative; bottom:5px; }
#eod_activity_valores .num_eod { position: relative; bottom:10px; display:block; height: 30px; margin:0 }
#eod_activity_valores .result { text-align:left; }
#eod_activity_valores .result > span.ok { background:url(../images/ico-ok.png) 0 6px no-repeat;}
#eod_activity_valores .result > span { height:35px; width:27px; display:inline-block; background:url(../images/ico-no-ok.png) 0 6px no-repeat; margin-right:15px;}
*/

/* EOD activity report ARREGLADO */

#eod_activity { float: left; }
#eod_activity.primera { width: 190px; }
#eod_activity .cell150 { width: 185px; overflow: hidden;  }
#eod_activity li { border-right: #000000 1px dotted; margin: 0; padding: 12px 0 26px }

#eod_activity_valores {  float:left;  }
#eod_activity_valores .cell110 { width:149px; display:block; height:30px; margin-top:0px; padding-top:5px; padding-bottom:1px; border-right: #000000 1px dotted;  }
#eod_activity_valores .cell110 > span { font-size:10px; font-weight:normal; margin: 0 5px; position: relative; bottom:5px; }
#eod_activity_valores .num_eod { position: relative;display:block; height: 30px; margin:0 0 0px 0; padding-bottom:2px;}
#eod_activity_valores .result { text-align:left; padding-bottom:3px; padding-top:5px; }
#eod_activity_valores .result > span.ok { height:34px; width:27px; display:inline-block; background:url(../images/ico-ok.png) 0 6px no-repeat; margin-right:17px;}
#eod_activity_valores .result > span { height:34px; width:27px; display:inline-block; background:url(../images/ico-no-ok.png) 0 6px no-repeat; margin-right:17px;}
#eod_activity_valores , #eod_activity_valores li { border-bottom: #000000 1px dotted;}

.overflower { width: 600px; overflow:hidden; overflow-x: auto; margin-bottom:20px;} 


/* EOD create */
#eod_create {padding-bottom:20px}
#eod_create label { width:80px; margin-top:2px; }
#eod_create div > label + p { margin-top:2px}
#eod_create input {width:500px;padding: 2px 2px; margin-top:0px; text-align:left  }
#eod_create .city { margin-top:5px;}
#eod_create .enlaces { clear:both; margin-top:20px;}


/* TARGET AREA create */
#ta_create {padding-bottom:0}
#ta_create label { width:80px; margin-top:2px; }
#ta_create .center {width:400px;  }
#ta_create select { padding: 1px 0 1px 2px; border: none; margin-right:5px; outline: none; width:150px;}
#ta_create .country { height:20px; margin-top:10px; clear:left;  float:left; }
#ta_create .center input {width:500px;padding: 2px 2px; margin-top:10px; text-align:left  }
#ta_create .enlaces { clear:both; margin-top:20px;}
#ta_create .field-validation-error { margin-left:88px}


/* TARGET AREA details */
#ta_details { font-size:14px; margin-bottom:40px; border:#000000 1px dotted; border-left: none; border-right: none; padding:10px 0}
#ta_details .flota { margin-right:30px;}
#ta_reporters ul { margin-bottom:10px;}

/* REPORTER y PARTICIPANT create */
#reporter { margin-bottom:0;}
#reporter label { width:70px;}
#reporter input { width:280px; text-align:left}
#reporter select { border:0; margin-top:4px;}
#reporter .margen_der { margin-right:70px;}
#reporter .margen_der_2 { margin-right:92px;}
#reporter .margen_der_3 { margin-right:220px;}
#reporter .margen_der_4 { margin-right:20px;}
#reporter .margen_der_5 { margin-right:50px;}

#reporter label[for="Participant_ParticipantFax"] { width:30px; margin-left:-10px}
#reporter .comprimir {}

#reporter .ancho_50 input { width:50px; margin-left:0; margin-right:0; }
#reporter .ancho_100 input { width:100px; margin-left:0; margin-right:0; }
#reporter .ancho_libre label { width:auto;}
#reporter .ancho_libre input { width:35px;}
#reporter .ancho_2 label { width:150px;}

#reporter .seleccionable_1 select { width:180px;}

.enlaces + .navigation{ margin-top:20px;}

/* DETAILS */
#reporter_details , #survey_details { font-size:.81em; padding-bottom:10px;}
#reporter_details div ,  #survey_details div { width:50%; float:left; margin-bottom:10px;}
h2 { margin: 2px 10px 20px 0; font-size:.91em}

/* TEST RESULTS */
#test_result .flota { text-align:center; }
#test_result .cell100 { width:60px; margin-right:20px}
#insert_test .bloque , #reporter_details .bloque{ width:25%; margin:0}
#insert_test .bloque label{ width:auto; margin:4px 5px 0 0}

/* FOLLOW UP RESULTS */
#followup { margin-bottom:0;}
#followup label { width:70px;}
#followup input { width:280px; text-align:left}
#followup select { border:0; margin-top:4px;}
#followup .margen_der { margin-right:70px;}
#followup .margen_der_2 { margin-right:92px;}
#followup .margen_der_4 { margin-right:20px;}
#followup .margen_der_4 select { width:348px;}
#followup .ancho_50 input { width:50px; margin-left:0; margin-right:0; }
#followup .ancho_libre label { width:auto;}
#followup .ancho_libre input { width:35px;}
#followup .ancho_2 label { width:150px;}
#followup .enunciado { margin-top:15px;}
#followup .enunciado p { width: 100%; margin-bottom:10px;}

#followup .valoraciones label { width: 450px; }
#followup .valoraciones select { width:40px; }

#followup_details  { font-size:.81em; padding-bottom:10px;}
#followup_details p { clear:both; margin: 15px 0 10px 0 }
#followup_details div { width:50%; float:left; margin-bottom:10px;}
#followup_details div.auto { width:auto; float:none}


/* errores */
.login-box .errors { margin: 10px 0 0 110px;}
.validation-summary-errors , .field-validation-error {color:#FF0000} /* ESTE ES MEJOR NO TOCARLO, QUE AFECTA A TODOS LOS ERRORES DEL SITE. */


/* Change PW */
#change_pw { padding-bottom:15px;}
#change_pw input { width: 150px; text-align:left;}
#change_pw p.enlaces { margin-top:20px;}
.change_ok { margin-bottom:20px;}